<template>
    <div class="demo">
        <h2 class="title">学生姓名：{{name}}</h2>
        <h2>学生性别：{{sex}}</h2>
    </div>
</template>

<script>
    export default {
        name: "Student",
        data() {
            return {
                name:'张三',
                sex:'男'
            }
        }
    }
</script>

<!--  让样式在局部生效，防止和其它的组件产生冲突 -->
<style scoped>
    .demo {
        background-color: aqua;
    }
</style>